<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>task7</title>
	<link rel="stylesheet" href="css/task7.css">
</head>
<body>
	<div class="nav">
		<ul>
			<li class="selected">首页</li>
			<li>最新活动</li>
			<li>项目介绍</li>
			<li>爱心社区</li>
			<li>关于我们</li>
			<li class="login"><img src="images/task7-2.png" alt=""><span>登录</span></li>
		</ul>
		<div class="icon"><img src="images/task7-1.png" alt="">新世界</div>	
	</div>
	<div class="container">
		<div class="section1 clearfix">
			<div class="slogan">
				<div class="word">
					<h1>Time for new life</h1>
					<p>新时代，年轻的人们让我们一起<br />体验新生活，享受新生活</p>
					<p class="experience">开始体验</p>
				</div>
				<div class="mask"></div>
			</div>
			<div class="catchline">
				<div class="item">
					<img src="images/task7-6.png" alt="">
					<p>打造全新世界观，让你<br />更爱你的生活</p>
				</div><div class="item">
					<img src="images/task7-4.png" alt="">
					<p>丰富多彩的公益活动，发挥<br/>新世界的主人公意识</p>
				</div><div class="item">
					<img src="images/task7-7.png" alt="">
					<p>时尚的新理念，超前体验<br />未知的生活</p>
				</div><div class="item">
					<img src="images/task7-5.png" alt="">
					<p>完善的培养机制，培养你<br />全新的世界观</p>
				</div>
			</div>
			<div class="notKnow">
				<img src="images/task7-8.png" alt="">
				<h1>关于新世界，你不知道的还有什么？</h1>
			</div>
		</div>
		<div class="section2 clearfix">
			<div class="findNewActi">
				<p class="find">查找新世界城市活动信息</p>
				<p>每个城市的有不同的活动信息，请自主查询您所需要了解的城市</p>
				<div class="selectCity">
					<div class="search">搜索</div>
					<select class="country" name="country" id="" placeholder="国家">
							<option value="中国">中国</option>
							<option value="美国">美国</option>
							<option value="韩国">韩国</option>
							<option value="日本">日本</option>
							<option value="法国">法国</option>
					</select><select name="city" id="" placeholder="省份">
						<option value="北京市">北京市</option>
						<option value="天津市">天津市</option>
						<option value="重庆市">重庆市</option>
						<option value="河北省">河北省</option>
						<option value="四川省">四川省</option>
					</select><select name="" id="" placeholder="城市">
						<option value="城市">城市</option>
					</select>
				</div>
			</div>
			<div class="activity">
				<div class="content">
					<div class="item">
						<img src="images/task7-10.png" alt="">
						<p>北京活动</p>
						<p>新社区大联盟</p>
					</div><div class="item selected">
						<p>上海活动</p>
						<p>夜上海新景观探索</p>
						<img src="images/task7-13.png" alt="">
					</div><div class="item">
						<img src="images/task7-11.png" alt="">
						<p>深圳活动</p>
						<p>全新海岸线观点站</p>
					</div><div class="item">
						<img src="images/task7-12.png" alt="">
						<p>香港活动</p>
						<p>奢侈消费大派送</p>
					</div>
				</div>
				
			</div>
		</div>
		<div class="section3 clearfix">
			<div class="newWorld">
				<div class="bigPic">
					<p>新世界</p>
					<p>TIME</p>
					<p>@新世界－北京<br />2016.4.15</p>
				</div><div class="content">
					<div class="parendframe">
						<h4>新世界／<span>01</span></h4>
						<p>新世界是个新世界新世界是个新世界新世界是个新世界
						新世界是个新世界新世界是个新世界新世界是个新世界
						新世界是个新世界新世界是个新世界新世界是个新世界
						新世界是个新世界新世界是个新世界</p>
						<div class="moreDetail">更多详情</div>
						<ul><li></li><li class="selected"></li><li></li></ul>
					</div>
				</div>
			</div>
			<div class="newTimes">
				<div class="item">
					<p>新时代<br />关于爱生活的我们</p>
					<div class="moreDetail">更多详情</div>
				</div><div class="item">
					<p>新时代<br />关于爱生活的我们</p>
					<div class="moreDetail">更多详情</div>
				</div><div class="item">
					<div class="mask"></div>
					<div class="triangle"></div>
				</div>
			</div>
		</div>
		<div class="section4 clearfix">
			<div class="slogan">
				<p>成为我们的志愿者</p>
				<p>新世界的大家庭需要每一个爱生活的人的加入，如果你够年轻，有梦想，有激情那就不要犹豫，快来加入我们，成为改变所有人生活的人 </p>
			</div>
			<div class="joinUs">
				<div class="joinLeft">
					<div class="item">
						<h4>新世界志愿者协议</h4>
						<p>加入新世界志愿者的人员必须遵守中华人民共共和国的相关法律法规，并且本着平等资源的原则 .....</p>
						<p class="more"><img src="images/task7-23.png" alt="">more</p>
					</div>
					<div class="item">
						<h4>新世界志愿者权利</h4>
						<p>新世界志愿者享受新世界内部所有资源共享的权利，并且享受所在四新世界活动的优先参与资格</p>
						<p class="more"><img src="images/task7-23.png" alt="">more</p>
					</div>
					<div class="item">
						<h4>更多条款</h4>
						<p class="more"><img src="images/task7-23.png" alt="">more</p>
					</div>
				</div>
				<div class="joinRight">
					<div class="item">
						<input type="text" placeholder="  姓名："><input type="text"  placeholder="  年龄：">
					</div>
					<div class="item">
						<input type="text" placeholder="  联系方式："><input type="text" placeholder="  联系地址：">
					</div>
					<div class="item">
						<textarea name="" id="" cols="30" rows="10" placeholder="  请描述梦想的生活："></textarea>
					</div>
					<div class="item">
						<div class="submitApply">提交申请</div>
					</div>
				</div>
			</div>
		</div>
		<div class="section5 clearfix">
			<div class="contactUs">
				<h4>联系我们</h4>
				<p>为了更好的获取我们最新的产品资讯，您可以留下您的电子邮箱快速订阅我们的产品资讯<br />也可以通过以下任何方式关注我们动态</p>
				<div class="subInput">
					<input type="text" placeholder="    someone@email.com">
					<div class="subButton">提&nbsp;&nbsp;&nbsp;&nbsp;交</div>
				</div>
				<div class="share">
					<img src="images/task7-16.png" alt="">
					<img src="images/task7-17.png" alt="">
					<img src="images/task7-18.png" alt="">
					<img src="images/task7-19.png" alt="">
				</div>
			</div>
		</div>
	</div>
	<div class="footer clearfix">
		<span>@新世界</span><span>Back to top</span>
	</div>
</body>
</html>